<!DOCTYPE HTML>
<html lang="utf-8">
<head>
<meta charset="utf-8">
<title>驾车宝典-活动列表</title>
<link href="${ctx}/styles/forum.css" rel="stylesheet" type="text/css">
<#macro pageLink  cityNo,cateId,filter,groupId,pageNumber,orderBy>${ctx}/activity/list/${cityNo}-${cateId}-${filter}-${groupId}-${pageNumber}-${orderBy}</#macro>
<#include '/baseHead.ftl'>
<!--导航结束-->

<!--主要部分开始-->
<section id="main"><div class="bgA_01">
	
	<div class="forumPanel_01">
		<nav class="menuField">
			<ul>
				<#list  categoryList  as category>
				<#if (category_index  > 3) >
					<#break>
				</#if>
				<!-- <#macro groupDetailLink  groupId>${ctx}/group/detail/${groupId}</#macro>-->
				<li   class="link${category_index +1}"  ><a href="<@pageLink   cityNo="${cityNo}" cateId="${category.cateId}" filter="${filter}" groupId="0" pageNumber="1" orderBy="${orderBy}" /> "/>
							<em>${category.cateName!}</em><span>讨论主题：${category.totalTopicCount+500}</span><span class="count">${category.totalTopicCount+200}</span></a></li>
				</#list>
			</ul>
		</nav>
		<div class="linkField">
			<a  <#if groupId == 0 >class="on"</#if> href="<@pageLink   cityNo="${cityNo}" cateId="0" filter="${filter}" groupId="0" pageNumber="1" orderBy="${orderBy}" />">ALL</a> ｜ 
			<#list  eightGroupList as group>
			<#if (group_index  > 6) >
					<#break>
				</#if>
			<a   <#if groupId == group.groupId >class="on" </#if> href="<@pageLink   cityNo="${cityNo}" cateId="${group.fkCateId}" filter="${filter}" groupId="${group.groupId}" pageNumber="1" orderBy="${orderBy}" /> ">${group.groupName!}</a><#if ( group_index   == ( eightGroupList?size - 1 ))  ><#else> ｜</#if> 
			</#list>
		</div>
		<div class="pageNumField">
			<p>
				<#if !topicPage.firstPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="1" orderBy="${orderBy}" />">首页</a>
					</#if>
					<#if topicPage.hasPreviousPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${pageNumber-1}" orderBy="${orderBy}" /> ">上一页</a>
					</#if>
					<#list topicPage.getLinkPageNumbers() as item>
						<#if item_index==5> 
						</#if>
						<#if item == topicPage.thisPageNumber>
						<!--/{cityNo}-{cateId}-{filter}-{titleTypeId}-{pageNumber}-{orderBy} -->
							<a href="javascript:;" class="on">${item}</a>
						<#else>
								<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${item}" orderBy="${orderBy}" />">${item}</a>
						</#if>
					</#list>
					<#if topicPage.hasNextPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${pageNumber+1}" orderBy="${orderBy}" /> ">下一页</a>
					</#if>
					<#if !topicPage.lastPage>
					<a  href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${topicPage.lastPageNumber?c}" orderBy="${orderBy}" /> ">末页</a>
					</#if>
			</p>
		</div>
		<div class="activityListField">
			<ul>
				<#list topicPage.result as topic>
				<li>
					<div class="img">
						<a href="<@topicDetailLink topicId="${topic.topicId?c}"/>" title="点击报名">
							<img src="${topic.pivciew203}" width="203" height="135" alt="${topic.topicTitleAfterFilter}">
						</a>
					</div>
					<div class="text">
						<h2><a href="<@topicDetailLink topicId="${topic.topicId?c}"/>" title="${topic.topicTitleAfterFilter} 点击报名">
								<#if (topic.topicTitleAfterFilter?length>15)>
									 ${topic.topicTitleAfterFilter?substring(0,15)}
								<#else>	 
									${topic.topicTitleAfterFilter}
								</#if>
							</a>
						</h2>
						<p>活动时间：${topic.startDate?date} 至  ${topic.endDate?date}</p>
					</div>
					<div class="btns">
						<a href="<@topicDetailLink topicId="${topic.topicId?c}"/>" class="btn" title="${topic.topicTitleAfterFilter} 点击报名">立即报名</a>
					</div>
				</li>
				</#list>
			</ul>
		</div>
		<div class="pageNumField">
			<p>
				<#if !topicPage.firstPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="1" orderBy="${orderBy}" />">首页</a>
					</#if>
					<#if topicPage.hasPreviousPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${pageNumber-1}" orderBy="${orderBy}" /> ">上一页</a>
					</#if>
					<#list topicPage.getLinkPageNumbers() as item>
						<#if item_index==5> 
						</#if>
						<#if item == topicPage.thisPageNumber>
						<!--/{cityNo}-{cateId}-{filter}-{titleTypeId}-{pageNumber}-{orderBy} -->
							<a href="javascript:;" class="on">${item}</a>
						<#else>
								<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${item}" orderBy="${orderBy}" />">${item}</a>
						</#if>
					</#list>
					<#if topicPage.hasNextPage>
					<a href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${pageNumber+1}" orderBy="${orderBy}" /> ">下一页</a>
					</#if>
					<#if !topicPage.lastPage>
					<a  href="<@pageLink   cityNo="${cityNo}" cateId="${cateId}" groupId="${groupId}"   filter="${filter}" pageNumber="${topicPage.lastPageNumber?c}" orderBy="${orderBy}" /> ">末页</a>
					</#if>
			</p>
		</div>
	</div>
	
<#include '/commonFriendLink.ftl'>

</div></section>
<!--主要部分结束-->
<#include '/baseFoot.ftl'>